<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/index4.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/c/font_3598568_m6681dzp56.css">
    <script src="https://map.qq.com/api/gljs?v=1.exp&key=V3RBZ-ZV33D-MDZ4K-HGADC-EO6UO-W4FO6"></script>
  <script>
    //地图初始化函数，本例取名为init，开发者可根据实际情况定义
    function initMap() {
      //定义地图中心点坐标
      var center = new TMap.LatLng(23.106373463377032, 113.32452178001404)
      //定义map变量，调用 TMap.Map() 构造函数创建地图
      var map = new TMap.Map(document.getElementById('container'), {
        center: center,//设置地图中心点坐标
        zoom: 17.2,   //设置地图缩放级别
        pitch: 43.5,  //设置俯仰角
        rotation: 45,    //设置地图旋转角度
        viewMode: '2D' // 设置地图为2D模型
      });

      //创建并初始化MultiMarker
      var markerLayer = new TMap.MultiMarker({
        map: map,  //指定地图容器
        //样式定义
        styles: {
          //创建一个styleId为"myStyle"的样式（styles的子属性名即为styleId）
          "myStyle": new TMap.MarkerStyle({
            "width": 35,  // 点标记样式宽度（像素）
            "height": 35, // 点标记样式高度（像素）
            "src": './marker.png',  //图片路径
            //焦点在图片中的像素位置，一般大头针类似形式的图片以针尖位置做为焦点，圆形点以圆心位置为焦点
            "anchor": { x: 16, y: 32 }
          })
        },
        //点标记数据数组
        geometries: [
          {
          "id": "1",   //点标记唯一标识，后续如果有删除、修改位置等操作，都需要此id
          "styleId": 'myStyle',  //指定样式id
          "position": new TMap.LatLng(23.106372453377032, 113.32452178001404),  //点标记坐标位置
          "properties": {//自定义属性
            "title": "marker1"
          }
        }, 
        {
          //第二个点标记, 使用的是自带的点标记图标
          "id": "2",
          "styleId": 'marker',
          "position": new TMap.LatLng(23.106373463377032, 113.32452178001404),
          "properties": {
            "title": "marker2"
          }
        }
        ]
      });

    }
  </script>
</head>
<body onload="initMap()">
    <div class="warp">
        <header>
            <div class="box">
                <ul class="top">
                    <li>MY NAME IS TANG HANG YI</li>
                </ul>
                <ul class="top2">
                    <li><a href="../pages/index.html">首页</a></li>
                    <li><a href="../pages/index1.html">关于</a></li>
                    <li><a href="../pages/index2.html">资讯</a></li>
                    <li><a href="../pages/index3.html">产品</a></li>
                    <li><a href="../pages/index4.html">联系</a></li>
                    <li><a href="../pages/index5.html">招聘</a></li>
                    <li> <i class="iconfont icon-sousuo1"></i></li>
                </ul>
            </div>
            <div class="box1">
                <img src="../img/资讯内容_04.jpg" alt="">
            </div>
        </header>
        <main>
            <div class="box2">
                <h3>HONGSHAN LINHAL</h3>
            </div>
            <div class="box3">
                <div class="top3">
                    <p>联系人：林海</p>
                    <p>手机：132388888888</p>
                    <p>邮箱：132328900@pp.com</p>
                </div>
                <div class="top3">
                    <p>鸿山林海内部联系方式</p>
                    <p>电话：747-1238888/471-1253486</p>
                    <p>邮箱：Hongshan Linahai@360.cn</p>
                </div>
            </div>
            <div class="box4">
                <h3>MESSAGE BOARD</h3>
            </div>
            <div class="box5">
                <div class="top4">
                    <input type="text" minlength="5" maxlength="10" value="姓名">
                    <input type="text" minlength="11" maxlength="11" value="电话">
                    <input type="text" minlength="16" maxlength="100" value="邮箱">
                </div>
               <div class="top5">
                <input type="text" name="">
               </div>
                <a href="../pages/index6.html"><input type="submit"></a>
            </div>
        </main>
        <div id="container"></div>
        <footer>
            <h4>TANGHANYI HANYI</h4>
            <p>asdfghjklqwert tyuioop zxcvbn</p>
        </footer>
    </div>
</body>
</html>